<template>
  <div class="about">
    <button @click="$router.push('home')">$router.push('home')</button>
    <br />

    <button @click="$router.push({ path: 'home' })">
      $router.push({ path: 'home' })
    </button>
    <br />

    <button @click="$router.push({ name: 'User', params: { userId: '123' } })">
      $router.push({ name: 'user', params: { userId: '123' }})
    </button>
    <br />

    <button @click="$router.push({ path: 'register', query: { plan: 'private' } })">
      $router.push({ path: 'register', query: { plan: 'private' }})
    </button>
  </div>
</template>

<script>
export default {
  name: "About",
};
</script>
